<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="/public/img/favicon.ico">

    <title>记笔记</title>

    <!-- Bootstrap core CSS -->
    <link href="./../public/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="./../public/css/jumbotron-narrow.css" rel="stylesheet">

</head>

<body>

    <div class="container">
        <div class="header clearfix">
            <nav>
                <ul class="nav nav-pills pull-right">
                    <li role="presentation"><a href="/">首页</a></li>
                    <li role="presentation"><a href="/addNote">发起</a></li>
                    <li role="presentation"><a href="#">关于</a></li>
                    <li role="presentation"><a href="#">联系</a></li>
                </ul>
            </nav>
            <h3 class="text-muted">查看笔记</h3>
        </div>

        <div>
            <form id="addNote_form" method="POST" action="/editNote?_csrf={{ ctx.csrf | safe }}"
                enctype="multipart/form-data">
                <div class="form-group">
                    <h2>{{ data.title }}</h2>
                </div>
                <div class="form-group">
                    <h3>{{ data.content }}</h3>
                </div>
                <img src="./..{{ data.upload }}" alt="{{ data.upload }}" height="400" width="400" class="img-rounded">
            </form>
        </div>
        <br>
        <br>
        <footer class="footer">
            <p>&copy; 2019 Company, Inc.</p>
        </footer>

    </div>
</body>

</html>